import { Alert } from '@aws-amplify/ui-react';

<Alert role="none" heading="Important" variation="warning" margin="0 0 2rem 0">

Refs are an escape hatch to the underlying DOM element of our primitives, but are typically not necessary for most applications.

See [Refs and the DOM](https://legacy.reactjs.org/docs/refs-and-the-dom.html) and [Forwarding Refs](https://legacy.reactjs.org/docs/forwarding-refs.html) for more information.

</Alert>
